<template>
  <div class="hot-show">
    <h3>热播视频</h3>
    <template v-for="item in dramas">
      <resource-cover-hor :drama="item"></resource-cover-hor>
    </template>
  </div>
</template>

<script>
import ResourceCoverHor from "./ResourceCoverHor";
import {popularDrama} from "../api/drama";

export default {
  name: "HotShow",
  props: {
    dramas: []
  },
  data() {
    return {
      dramasList: []
    }
  },
  created() {
    // this.getPopular()
  },
  methods: {
    getPopular() {
      popularDrama().then(res => {
        this.dramasList = res.data.data;
      })
    }
  },
  components: {ResourceCoverHor}
}
</script>

<style scoped>
.hot-show {
  background-color: #FFFFFF;
  border-radius: 5px;
}

.hot-show h3 {
  margin: 0;
  font-size: 15px;
  padding: 10px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #eaeaea
}
</style>
